<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/common/include/page.jsp" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>首页 - 卡尔信息</title>
		<!-- title部分信息 -->
		<%@ include file="/common/include/title.jsp" %>
	</head>
	<body>
		<!-- 导航 -->
		<%@ include file="/common/include/header.jsp" %>
		<!-- 广告 -->
		<!-- <div class="jumbotron adv">
			<img src="img/index_adv.jpg" title="卡尔信息首页"  class="img-responsive">
		</div> -->

		<div id="carousel-example-generic" class="carousel slide adv" data-ride="carousel">
		  <!-- Indicators -->
		  <ol class="carousel-indicators">
		    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
		    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
		    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
		  </ol>

		  <!-- Wrapper for slides -->
		  <div class="carousel-inner" role="listbox">
			  <div class="item active">
			    <img src="${rootPath}/img/index_ad_01.jpg" alt="...">
			    <!-- <div class="carousel-caption">
			    </div> -->
			  </div>
			  <div class="item">
			    <img src="${rootPath}/img/index_ad_02.jpg" alt="...">
			    <!-- <div class="carousel-caption">
			    </div> -->
			  </div>
			  <div class="item">
			    <img src="${rootPath}/img/index_ad_03.jpg" alt="...">
			    <!-- <div class="carousel-caption">
			    </div> -->
			  </div>
		  </div>

		  <!-- Controls -->
		  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
		    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		    <span class="sr-only"></span>
		  </a>
		  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
		    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		    <span class="sr-only"></span>
		  </a>
		</div>

		<!-- 内容页面 -->
		<div class="container body">
			<!-- 核心产品 -->
			<div class="row">
				<div class="col-md-12">
					<h1>核心产品</h1>
					<hr>
				</div>
			</div>
			<div class="row">
				<!-- 图文并茂采用这个 -->
				<div class="col-md-3 col-sm-6 col-xs-10">
					<div class="thumbnail">
						<img src="${rootPath}/img/javaee.png" alt="..." title="java EE企业定制" class="img-responsive">
						<div class="caption">
							<h4>java EE企业定制</h4>
							<p>JavaSE，数据库操作与数据解析，前端高级开发，Servlet开发，java框架，企业项目实战。</p>
						</div>
					</div>
				</div>
				<div class="col-md-3 col-sm-6 col-xs-10">
					<div class="thumbnail">
						<img src="${rootPath}/img/h5.png" alt="..." class="img-responsive">
						<div class="caption">
							<h4>HTML5全栈</h4>
							<p title="前端页面布局,响应式页面开发, JavaScript高级程序设计, PC端全栈项目开发, 移动端WebApp开发, 混合(Hybrid,RN)开发, NodeJS全栈开发, 大数据可视化。">前端页面布局,响应式页面开发, JavaScript高级程序设计, PC端全栈项目开发...</p>
						</div>
					</div>
				</div>
				<div class="col-md-3 col-sm-6 col-xs-10">
					<div class="thumbnail">
						<img src="${rootPath}/img/big_data.png" alt="..." title="大数据开发" class="img-responsive">
						<div class="caption">
							<h4>大数据开发</h4>
							<p>Java,HTML、CSS与JavaScript，JavaWeb和数据库，Linux基础，Hadoop生态体系，Storm，Spark。</p>
						</div>
					</div>
				</div>
				<div class="col-md-3 col-sm-6 col-xs-10">
					<div class="thumbnail">
						<img src="${rootPath}/img/ai_python.png" alt="..." title="人工智能+python" class="img-responsive">
						<div class="caption">
							<h4>人工智能+python</h4>
							<p>图像识别，语音识别，自然语言处理，专家系统。
								<br/>&nbsp;<br/>
							</p>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="adv02">
					<img src="${rootPath}/img/news_adv.jpg" title="卡尔信息首页"  class="img-responsive">
				</div>
			</div>
			<!-- 公司简介 -->
			<div class="row company_intro">
				<div class="col-md-12">
					<h1>公司简介</h1>
					<hr>
				</div>
				<div class="col-md-6">
					<p>河南卡尔信息技术有限公司，秉承“诚信、服务、创新、融合”的核心价值观，致力于体育旅游大数据应用平台、智能农业机器人研发以及企业人才战略输送合作、高等院校深度融和协同育人、优质人才储备战略投资培养、职场初期高价值增值服务、知识共享平台运营服务为一体的全链路信息技术公司。 
					</p>
					<p>
					“以人才为本”作为公司核心运营、管理理念，聚拢了一批有梦想、有激情、有韧性、勇作为的核心成员，以强大研发实力为基石和良好团队协作执行能力为驱动力，为用户创造最大价值，以打造国际领先的知识共享平台为最终目标，让知识分享与高效学习伴随终生。
					</p>
					<p>
					目前公司运营的两大品牌“赤翼社”、“玖益学社”社群，作为用户体验设计、大数据、人工智能等IT新兴技术领域研学社群，用户人数已经初具规模，未来我们将众志成城、不忘初心，通过不断努力和追求，最终实现让知识共享成为一种习惯的企业愿望。
					<p class="lead">
					公司核心价值观 ：诚信 服务 创新 融合
					</p>
					<p class="lead">
					愿景：成为国际领先的共享知识平台
					</p>
					<p class="lead">
					使命：为用户创造最大价值
					</p>
				</div>
				<div class="col-md-6">
					<img src="${rootPath}/img/about_05.png" class="intro02 img-responsive">
					<!-- <img src="img/intro02.png" alt="" class="intro02" class="img-responsive"> -->
				</div>
			</div>
	
			<!--横条-->
			<div class="gray_brand navbar-brand"></div>
			<div class="row">
				 <!--合作伙伴-->
				<div class="col-md-12">
				 	<h1>合作伙伴</h1>
					<hr>
				</div>
				<div class="col-md-3 col-sm-6 col-xs-6">
					<a target="_blank" href="http://www.neusoft.com" class="thumbnail">
						<img src="${rootPath}/img/index_pic03.png">
					</a>
				</div>
				<div class="col-md-3 col-sm-6 col-xs-6">
					<a target="_blank" href="http://www.newtouch.cn/" class="thumbnail">
						<img src="${rootPath}/img/index_pic05.png">
					</a>
				</div>
				<div class="col-md-3 col-sm-6 col-xs-6">
					<a target="_blank" href="#" class="thumbnail">
						<img src="${rootPath}/img/index_pic02.png">
					</a>
				</div>
				<div class="col-md-3 col-sm-6 col-xs-6">
					<a target="_blank" href="https://www.lagou.com/" class="thumbnail">
						<img src="${rootPath}/img/index_pic01.png">
					</a>
				</div>
				<div class="col-md-3 col-sm-6 col-xs-6">
					<a target="_blank" href="http://www.sucstep.com/" class="thumbnail">
						<img src="${rootPath}/img/index_pic06.png">
					</a>
				</div>
				<div class="col-md-3 col-sm-6 col-xs-6">
					<a target="_blank" href="http://www.xiangmingit.com/" class="thumbnail">
						<img src="${rootPath}/img/index_pic04.png">
					</a>
				</div>
				<div class="col-md-3 col-sm-6 col-xs-6">
					<a target="_blank" href="#" class="thumbnail">
						<img src="${rootPath}/img/index_pic07.png">
					</a>
				</div>
				<div class="col-md-3 col-sm-6 col-xs-6">
					<a target="_blank" href="http://www.puppychina.com/" class="thumbnail">
						<img src="${rootPath}/img/index_pic08.png">
					</a>
				</div>
			</div>
		</div>

		<!-- 脚本 -->
		<%@ include file="/common/include/footer.jsp" %>
	</body>
</html>